<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="wpoceans">
    <!-- Page Title -->
    <title>酒店1</title>
    <!-- Icon fonts -->
    <link href="assets/css/themify-icons.css" rel="stylesheet">
    <link href="assets/css/flaticon.css" rel="stylesheet">
    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- Plugins for this template -->
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/owl.carousel.css" rel="stylesheet">
    <link href="assets/css/owl.theme.css" rel="stylesheet">
    <link href="assets/css/slick.css" rel="stylesheet">
    <link href="assets/css/slick-theme.css" rel="stylesheet">
    <link href="assets/css/odometer-theme-default.css" rel="stylesheet">
    <link href="assets/css/owl.transitions.css" rel="stylesheet">
    <link href="assets/css/jquery.fancybox.css" rel="stylesheet">
    <link href="assets/css/magnific-popup.css" rel="stylesheet">
    <link href="assets/css/nice-select.css" rel="stylesheet">
    <link href="assets/css/bootstrap-datepicker.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="assets/css/style.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body id="home">
    <!-- start page-wrapper -->
    <div class="page-wrapper">
        <!-- start preloader -->
        <div class="preloader">
            <div class="spinner">
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
            </div>
        </div>
        <!-- end preloader -->
        <!-- Start header -->
        <header id="header" class="site-header header-style-2">
            <nav class="navigation navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="open-btn">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="index.html"><img src="assets/images/logo-2.png" alt=""></a>
                    </div>
                    <div id="navbar" class="navbar-collapse collapse navigation-holder">
                        <button class="close-navbar"><i class="ti-close"></i></button>
                        <ul class="nav navbar-nav">
                            <li class="menu-item-has-children">
                                <a href="javascript:void(0);">Home +</a>
                                <ul class="sub-menu">
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="index-2.html">Home-style-2</a></li>                
                                    <li><a href="index-3.html">Home-style-3</a></li>                
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="javascript:void(0);">Room +</a>
                                <ul class="sub-menu">
                                    <li><a href="room.html">Room</a></li>
                                    <li><a href="room-single.html">Room Single</a></li>
                                </ul>
                            </li>
                            <li><a href="destination.html">Destination</a></li>
                            <li class="menu-item-has-children">
                                <a href="javascript:void(0);">Pages +</a>
                                <ul class="sub-menu">
                                    <li><a href="about.html">About</a></li>
                                    <li><a href="faq.html">Faq</a></li>
                                    <li><a href="404.html">404</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="javascript:void(0);">Service +</a>
                                <ul class="sub-menu">
                                    <li><a href="service.html">service</a></li>
                                    <li><a href="service-single.html">Service Single</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="javascript:void(0);">Blog +</a>
                                <ul class="sub-menu">
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="blog-left.html">Blog Left Sidebar</a></li>
                                    <li><a href="blog-fullwidth.html">Blog full width</a></li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Blog details</a>
                                        <ul class="sub-menu">
                                            <li><a href="blog-single.html">Blog Single</a></li>
                                            <li><a href="blog-single-left.html">Blog Single Left</a></li>
                                            <li><a href="blog-single-fullwidth.html">Blog single fullwidth</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </div><!-- end of nav-collapse -->
                    <div class="cart-search-contact">
                        <div class="get-quote">
                            <a href="#"><i class="fi flaticon-support-1"></i>Call : +0123-456-789</a>
                        </div>
                        <div class="header-search-form-wrapper">
                            <button class="search-toggle-btn"><i class="ti-search"></i></button>
                            <div class="header-search-form">
                                <form>
                                    <div>
                                        <input type="text" class="form-control" placeholder="Search here...">
                                        <button type="submit"><i class="fi flaticon-search"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="mini-cart">
                            <button class="cart-toggle-btn"> <i class="fi flaticon-shopping-cart"></i> <span class="cart-count">02</span></button>
                            <div class="mini-cart-content">
                                <div class="mini-cart-title">
                                    <p>Shopping Cart</p>
                                </div>
                                <div class="mini-cart-items">
                                    <div class="mini-cart-item clearfix">
                                        <div class="mini-cart-item-image">
                                            <a href="#"><img src="assets/images/shop/mini/img-1.jpg" alt="Hoodie with zipper"></a>
                                        </div>
                                        <div class="mini-cart-item-des">
                                            <a href="#">Hoodie with zipper</a>
                                            <span class="mini-cart-item-price">$25.15</span>
                                            <span class="mini-cart-item-quantity">x 1</span>
                                        </div>
                                    </div>
                                    <div class="mini-cart-item clearfix">
                                        <div class="mini-cart-item-image">
                                            <a href="#"><img src="assets/images/shop/mini/img-2.jpg" alt="Hoodie with zipper"></a>
                                        </div>
                                        <div class="mini-cart-item-des">
                                            <a href="#">Hoodie with zipper</a>
                                            <span class="mini-cart-item-price">$12.99</span>
                                            <span class="mini-cart-item-quantity">x 2</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="mini-cart-action clearfix">
                                    <span class="mini-checkout-price">$255.12</span>
                                    <a href="" class="theme-btn-s4">View Cart</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- end of container -->
            </nav>
        </header>
        <!-- end of header -->
        <!-- start page-title -->
        <section class="page-title">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <h2>酒店1</h2>
                        <ol class="breadcrumb">
                            <li><a href="index.html">主页</a></li>
                            <li>酒店房型</li>
                        </ol>
                    </div>
                </div> <!-- end row -->
            </div> <!-- end container -->
        </section>
        <!-- end page-title -->
        <!-- serch-area-start -->
        <div class="wpo-select-section-3">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="wpo-select-wrap">
                            <div class="wpo-select-area">
                                <form class="clearfix">
                                    <div class="select-sub">
                                        <span>房型</span>
                                        <h2>大床房</h2>
                                    </div>
                                    <div class="select-sub">
                                        <span>房间尺寸</span>
                                        <h2>32平方米</h2>
                                    </div>
                                    <div class="select-sub">
                                        <span>居住人数</span>
                                        <h2>2 成人 (1 儿童)</h2>
                                    </div>
                                    <div class="select-sub">
                                        <span>卫生间</span>
                                        <h2>淋浴</h2>
                                    </div>
                                    <div class="select-sub">
                                        <h5>价格 <span>￥250</span> / 晚</h5>
                                        <button class="theme-btn-s2" type="submit">预定</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- serch-area-end -->
        <!-- room-slide-area start-->
        <div class="room-slide-area section-padding">
            <div class="Room-carousel owl-carousel owl-theme owl-btn-center-lr owl-dots-primary-full owl-btn-3 m-b30 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2s">
                <div class="item">
                    <div class="destination-item">
                        <div class="destination-img">
                            <img src="assets/images/room/img-4.jpg" alt="">
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="destination-item">
                        <div class="destination-img">
                            <img src="assets/images/room/img-5.jpg" alt="">
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="destination-item">
                        <div class="destination-img">
                            <img src="assets/images/room/img-6.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- room-slide-area start-->
        <!--Start Room-details area-->
        <div class="Room-details-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                        <div class="room-description">
                            <div class="room-title">
                                <h2>描述</h2>
                            </div>
                            <p class="p-wrap">酒店设施全面，还有线下陪玩，保你不结石</p>
                        </div>
                        <div class="room-details-service">
                            <div class="row">
                                <div class="room-details-item">
                                    <div class="row">
                                        <div class="col-md-5 col-sm-5">
                                            <div class="room-d-text">
                                                <div class="room-title">
                                                    <h2>康乐设施</h2>
                                                </div>
                                                <ul>
                                                    <li><a href="#">迷你吧</a></li>
                                                    <li><a href="#">空气清新系统</a></li>
                                                    <li><a href="#">欢迎水果</a></li>
                                                    <li><a href="#">2套睡衣</a></li>
                                                    <li><a href="#">精美家具</a></li>
                                                    <li><a href="#">更衣间</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-7 col-sm-7">
                                            <div class="room-d-img">
                                                <img src="assets/images/room/img-7.jpg" alt="">
                                            </div>
                                        </div>
                                        <div class="col-md-7">
                                            <div class="room-d-img">
                                                <img src="assets/images/room/img-8.jpg" alt="">
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="room-d-text">
                                                <div class="room-title">
                                                    <h2>客房服务</h2>
                                                </div>
                                                <ul>
                                                    <li><a href="#">每日清扫</a></li>
                                                    <li><a href="#">泳池</a></li>
                                                    <li><a href="#">室外公园</a></li>
                                                    <li><a href="#">免费 Wifi</a></li>
                                                    <li><a href="#">阳台</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="pricing-area">
                            <div class="room-title">
                                <!-- <h2>定价</h2> -->
                            </div>
                            <!-- <div class="pricing-table">
                                <table class="table-responsive pricing-wrap">
                                    <thead>
                                        <tr>
                                            <th>Mon</th>
                                            <th>Tue</th>
                                            <th>Wed</th>
                                            <th>Thu</th>
                                            <th>Fri</th>
                                            <th>Sat</th>
                                            <th>Sun</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>$250</td>
                                            <td>$250</td>
                                            <td>$250</td>
                                            <td>$250</td>
                                            <td>$250</td>
                                            <td>$250</td>
                                            <td>$250</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div> -->
                            
                            <!-- <div class="map-area">
                                <iframe src="https://ditu.google.cn/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671" allowfullscreen></iframe>
                            </div> -->
                        </div>
                        <div class="room-review">
                            <div class="room-title">
                                <h2>房间评论</h2>
                            </div>
                            <div class="review-item">
                                <div class="review-img">
                                    <img src="assets/images/room/r1.jpg" alt="">
                                </div>
                                <div class="review-text">
                                    <div class="r-title">
                                        <h2>ばが</h2>
                                        <ul>
                                            <li><i class="fi flaticon-star"></i></li>
                                            <li><i class="fi flaticon-star"></i></li>
                                            <li><i class="fi flaticon-star"></i></li>
                                            <li><i class="fi flaticon-star"></i></li>
                                            <li><i class="fi flaticon-star"></i></li>
                                        </ul>
                                    </div>
                                    <p>第一次住这个酒店，陪玩服务没的说，我直接选择1v3<br><br><br></p>
                                </div>
                            </div>
                            <div class="review-item">
                                <div class="review-img">
                                    <img src="assets/images/room/r2.jpg" alt="">
                                </div>
                                <div class="review-text">
                                    <div class="r-title">
                                        <h2>かくさい</h2>
                                        <ul>
                                            <li><i class="fi flaticon-star"></i></li>
                                            <li><i class="fi flaticon-star"></i></li>
                                            <li><i class="fi flaticon-star"></i></li>
                                            <li><i class="fi flaticon-star"></i></li>
                                            <li><i class="fi flaticon-star"></i></li>
                                        </ul>
                                    </div>
                                    <p> 我爱毒龙钻</p>
                                </div>
                            </div>
                        </div>
                        <!-- <div class="add-review">
                            <div class="room-title">
                                <h2>Add Review</h2>
                            </div>
                            <div class="wpo-blog-single-section">
                                <div class="review-text">
                                    <div class="r-title">
                                        <ul>
                                            <li><a href="#"><i class="fi flaticon-star-1"></i></a></li>
                                            <li><a href="#"><i class="fi flaticon-star-1"></i></a></li>
                                            <li><a href="#"><i class="fi flaticon-star-1"></i></a></li>
                                            <li><a href="#"><i class="fi flaticon-star-1"></i></a></li>
                                            <li><a href="#"><i class="fi flaticon-star-1"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="review-add">
                                    <div class="comment-respond">
                                        <form method="post" id="commentform" class="comment-form">
                                            <div class="form-inputs">
                                                <input placeholder="Your Name*" type="text">
                                                <input placeholder="Your Email*" type="email">
                                            </div>
                                            <div class="form-textarea">
                                                <textarea id="comment" placeholder="Your Review"></textarea>
                                            </div>
                                            <div class="form-check">
                                                <div class="shipp pb">
                                                    <input type="checkbox" id="c2" name="cc">
                                                    <label for="c2"><span></span>Save my name, email, and website in this browser for the next time I comment.</label>
                                                </div>
                                            </div>
                                            <div class="form-submit">
                                                <input id="submit" value="Submit Now" type="submit">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                Start Room area
                                <div class="other-room">
                                    <div class="Room-section">
                                        <div class="container">
                                            <div class="col-12">-->
                                                <!-- <div class="room-title">
                                                    <h2>Other Rooms</h2>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col col-xs-12 sortable-gallery">
                                                    <div class="gallery-container gallery-fancybox masonry-gallery">
                                                        <div class="grid  Luxury Double Single Classic">
                                                            <div class="room-item">
                                                                <img src="assets/images/room/img-1.jpg" alt class="img img-responsive">
                                                                <div class="room-text-show">
                                                                    <h2>Lake view Room</h2>
                                                                </div>
                                                                <div class="room-text-hide">
                                                                    <h2>Lake view Room</h2>
                                                                    <span>Twin Room</span>
                                                                    <p>If you are going to use a passage Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
                                                                    <small>From: <span>$142</span> / Night</small>
                                                                    <a class="theme-btn-s2" href="#">Check Availability</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="grid Classic Luxury Single">
                                                            <div class="room-item">
                                                                <img src="assets/images/room/img-2.jpg" alt class="img img-responsive">
                                                                <div class="room-text-show">
                                                                    <h2>Queen Room Balcony</h2>
                                                                </div>
                                                                <div class="room-text-hide">
                                                                    <h2>Queen Room Balcony</h2>
                                                                    <span>Twin Room</span>
                                                                    <p>If you are going to use a passage Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
                                                                    <small>From: <span>$142</span> / Night</small>
                                                                    <a class="theme-btn-s2" href="#">Check Availability</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="grid Budget Double Classic">
                                                            <div class="room-item">
                                                                <img src="assets/images/room/img-3.jpg" alt class="img img-responsive">
                                                                <div class="room-text-show">
                                                                    <h2>Apartment</h2>
                                                                </div>
                                                                <div class="room-text-hide">
                                                                    <h2>Apartment</h2>
                                                                    <span>Twin Room</span>
                                                                    <p>If you are going to use a passage Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
                                                                    <small>From: <span>$142</span> / Night</small>
                                                                    <a class="theme-btn-s2" href="#">Check Availability</a> -->
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div> <!-- end row -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End Room-details area-->
        <!-- start wpo-site-footer -->
        <footer class="wpo-site-footer">
            <div class="wpo-upper-footer">
                <div class="wpo-footer-top">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-12 custom-grid">
                                <div class="logo widget-title">
                                    <img src="assets/images/logo.png" alt="blog">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-12 custom-grid">
                                <ul>
                                    <li><a href="#"><i class="ti-facebook"></i></a></li>
                                    <li><a href="#"><i class="ti-twitter-alt"></i></a></li>
                                    <li><a href="#"><i class="ti-instagram"></i></a></li>
                                    <li><a href="#"><i class="ti-google"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-middle">
                    <div class="container">
                        <div class="row">
                            <div class="col col-lg-3 col-md-3 col-sm-6">
                                <div class="widget market-widget wpo-service-link-widget">
                                    <div class="widget-title">
                                        <h3>联系方式 </h3>
                                    </div>
                                    <p>网络预定</p>
                                    <div class="contact-ft">
                                        <ul>
                                            <li><i class="fi ti-location-pin"></i>28号, 蝶恋花区, 大连市</li>
                                            <li><i class="fi ti-mobile"></i>+000123456789</li>
                                            <li><i class="fi flaticon-email"></i>dielianhua@163.com</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col col-lg-3 col-md-3 col-sm-6">
                                <div class="widget link-widget resource-widget">
                                    <div class="widget-title">
                                        <h3>目的地</h3>
                                    </div>
                                    <div class="news-wrap">
                                        <div class="news-img">
                                            <img src="assets/images/footer/img-1.jpg" alt="">
                                        </div>
                                        <div class="news-text">
                                            <h3>中国蝶恋花</h3>
                                            <span>11 Jun 2020 - 22 Jun 2020</span>
                                            <h2>￥835</h2>
                                        </div>
                                    </div>
                                    <div class="news-wrap">
                                        <div class="news-img">
                                            <img src="assets/images/footer/img-2.jpg" alt="">
                                        </div>
                                        <div class="news-text">
                                            <h3>蝶恋花分花</h3>
                                                <span>11 Jun 2020 - 22 Jun 2020</span>
                                                <h2>￥835</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col col-lg-3 col-md-3 col-sm-6">
                                <div class="widget link-widget">
                                    <div class="widget-title">
                                        <h3>友情链接</h3>
                                        </div>
                                        <ul>
                                            <li><a href="about.html">关于我们</a></li>
                                            <li><a href="room.html">提供</a></li>
                                            <li><a href="service.html">如何传播</a></li>
                                            <li><a href="contact.html">联系我们</a></li>
                                            <li><a href="service-single.html">我们的项目</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col col-lg-3 col-md-3 col-sm-6">
                                <div class="widget newsletter-widget">
                                    <div class="widget-title">
                                        <h3>新邮件</h3>
                                    </div>
                                    <form>
                                        <div class="input-1">
                                            <input type="email" class="form-control" placeholder="邮件地址 *" required="">
                                        </div>
                                        <div class="submit clearfix">
                                            <button type="submit">订阅<i class="ti-angle-right"></i></button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div> <!-- end container -->
                </div>
            </div>
            <div class="wpo-lower-footer">
                <div class="container">
                    <div class="row">
                        <div class="col col-md-6 col-sm-6">
                            <div class="term">
                                <ul>
                                    <li><a href="#">Privecy Policy</a></li>
                                    <li><a href="#">Terms & Condition</a></li>
                                    <li><a href="#">Cookies</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col col-md-6 col-sm-6">
                            <p class="copyright">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- end wpo-site-footer -->
    </div>
    <!-- All JavaScript files
    ================================================== -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <!-- Plugins for this template -->
    <script src="assets/js/jquery-plugin-collection.js"></script>
    <script src="assets/js/bootstrap-datepicker.min.js"></script>
    <!-- Custom script for this template -->
    <script src="assets/js/script.js"></script>
</body>

</html><!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
	</body>
</html>
